/** 
 * 目标：完成登录功能
 * 1.注册事件 #btn-login
 * 2.收集表单数据并验证
 * 3.发送请求,判断请求，提示用户
 * 4.如果成功则本地存储用户名(?)
 * 5.跳转页面
*/
const loginform = document.querySelector('.login-form')
// 1.注册事件 #btn-login
document.querySelector('#btn-login').addEventListener('click',async e=>{
    // 2.收集表单数据并验证
    const data = serialize(loginform,{ hash : true, empty : true })
    if(!data.username||!data.password){
        return showToast('请输入用户名或密码')
    }
    if (data.username.length<8||data.username.length>30){
        return showToast('用户名不符合要求')
    }
    if (data.password.length<6||data.password.length>30){
        return showToast('密码不符合要求')
    }
    // 3.发送请求,判断请求，提示用户
    try{
        const res=await axios.post('/login',data)
        // console.log(res)
        const obj={}//存储用户名及其他
        obj.username=res.data.username
        obj.token=res.data.token
        // 4.如果成功则本地存储用户名(?)
        localStorage.setItem('userMsg',JSON.stringify(obj))
        showToast(res.message)
        // 5.跳转页面
        setTimeout(()=>{
            location.href='./index.html'
        },1500)
    }catch(err){
        return showToast(err.response.message)
    }
})